<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>订单详情</title>
		<link href="css/base.css" rel="stylesheet" />
		<link href="css/index.css" rel="stylesheet" >
		<link rel="stylesheet" type="text/css" href="css/new.css">
	</head>

	<body>
		<!--头部-->
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-menu mui-icon mui-pull-left" onclick="history.back()">
				<span class="mui-sprite mui-sprite-return"></span>
			</a>
			<h1 class="mui-title">订单详情</h1>
		</header>
		<!--end-->

		<div class="mui-content order_detaile" style="margin-bottom: 55px;">
			<div class="detail-wrap">
				<div class="mui-pull-left"><span></span>订单状态</div>
				<div class="mui-pull-right">委托代卖中</div>
			</div>
			<div class="detail-num-wrap">
				<div class="order-detail-num">订单排名：第<span>6</span>名</div>				
			</div>
			<!--订单-->
			<div class="mui-card">
				<div class="order-header clearfix" style="margin-top: -15px;">
					<div class="order_num flt">包裹1</div>
					<span class="frt order_time color-green">交易成功</span>
				</div>
				<div class="goods-order">
					<div class="goods-img"><img src="https://ms.wrcdn.com/2018/06/10/Fn-saHfS1YxitPeegwZOUx_WSlSs.jpg"></div>
					<div class="goods-content">
						<h1>春季2019韩版新款裙子拼接网纱卫衣，休闲套装 春季优惠节</h1>
						<div class="goods-state">
							<div class="flt">颜色：黑; 男款 175A</div>
							<div class="frt">￥288.00</div>
						</div>
					</div>
				</div>
				
			</div>
			<!--end-->
			<div class="adress_text mt8">
				<p><span>订单编号：</span><span class="order-num-1" id="copyValue">123456789</span><a href="javascript:void(0)" id="copy">复制</a></p>
				<p><span>创建时间：</span>2018-11-25  18:00</p>
			</div>
				
			<div class="adress_text">
				<p><span>支付方式：</span>在线支付</p>
			</div>
				
			<div class="adress_text">
				<p><span>配送方式：</span>普通快递</p>
			</div>
				
			<div class="adress_text mt8">
				<p><span>顺慈</span>&nbsp;&nbsp;<span>158*****0670</span></p>
				<p>河南省郑州市金水区国贸3层1008</p>
			</div>
			
			<div class="adress_text mt8">
				<p><span>实付款：</span><span class="color-red">￥288</span></p>
			</div>
					
		</div>
		<!--底部-->
		<div class="order-bottom">
			<div class="flt">删除订单</div>
			<div class="frt">
				<button type="button" class="submit-order special flt">退款</button>
			</div>
		</div>
		<!--end-->

	</body>
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/clipboard.min.js"></script>
	<script type="text/javascript" src="js/common.js"></script>
</html>